<template>
  <a-carousel autoplay>
    <div><img v-bind:src="image" alt="" width="840" height="346px" ></div>
    <div><img v-bind:src="image1" alt="" width="840" height="346px" ></div>
    <!-- <div><h3>3</h3></div>
    <div><h3>4</h3></div> -->
  </a-carousel>
</template>
<script>
export default {
    data(){
        return{
            image:'https://www.lgstatic.com/i/image/M00/8C/78/Ciqc1F_tmwOAVafDAAEBF2bbAHw645.PNG',
            image1:'https://www.lgstatic.com/i/image2/M01/04/5B/Cip5yF_ttK6AXCVoAACuX3-6AbE086.JPG',


        }
    }
};

</script>
<style scoped>
/* For demo */
.ant-carousel >>> .slick-slide {
  text-align: center;
  height: 346px;
  line-height: 160px;
  background: #364d79;
  overflow: hidden;
}

.ant-carousel >>> .slick-slide h3 {
  color: #fff;
}
.ant-carousel{
    width: 840px!important;
}
</style>
